<script setup>
import IntegratedCard from '@/components/card/IntegratedCard.vue'
import BasicInformationCard from '@/components/card/BasicInformationCard.vue'
import SystemInformationCard from '@/components/card/SystemInformationCard.vue'
import MPDialogBox from '@/components/MPDialogBox.vue'
import request from '@/utils/request.js'

</script>
<template>
  <div class="main">
    <IntegratedCard></IntegratedCard>
    <BasicInformationCard></BasicInformationCard>
<!--    <el-button @click="request.instance.get('api',{data:{dsad:1}})"></el-button>-->
    <SystemInformationCard></SystemInformationCard>
<!--    <MPDialogBox-->
<!--      :axios="request.instance"-->
<!--      :socketHost="'localhost:8081'"-->
<!--      :my="{-->
<!--        id: 1,-->
<!--        token: 'asdasd'-->
<!--      }"-->
<!--      :friend="{-->
<!--        id: 2,-->
<!--        name: '小白'-->
<!--      }"-->
<!--    ></MPDialogBox>-->
  </div>
</template>
<style scoped>
.main {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  padding: 20px;
}
</style>